
:root {
  --customID:10005;
  /* 主体背景色 */
  --contBackColor: #007B62;
  /* 顶部banner图 */
  --bannerImage:url('../images/10005/banner.png');
  /* 头像补位图 */
  --noUSerImage:url('../images/10005/ranking/noneImg1.png');
  /* 开播提示图 */
  --roomOpenIocnImage:url('../images/10005/ranking/icon1.png');
  /* 页面内容最底部边距 */
  --contentPaddingBotton: 60px;
  /* 规则按钮距下方内容高度 */
  --ruleButMarginBottm:43px;

  /* 榜单上有名 */
  /* 榜单模块顶部内边距 */
  --rankingPaddingTop: 0;
  /* 榜单礼物整体距离榜单tabs的距离 */
  --rankingGiftMarginBottom: 21px;
  /* 榜单列表模块距离页面两侧边距 */
  --rankingBoxPaddingX: 8px;
  /* 榜单tabs整体距离榜单列表的距离 */
  --rannkingTabsBottom: 10px;
  /* 榜单背景色 */
  --rannkingBackColor: #FFFFFF;
  /* 榜单边框颜色 */
  --rannkingBackBorderColor: #E5F5F1;
  /* 榜单类型区域背景色 */
  --rannkingTypeBackColor: #007B62;

  /* 类型切换tab */
  /* 底色背景 */
  --typeTabBackImage:url('../images/10005/tabImg/butBack2.png');
  /* 文字颜色 */
  --typeTabFontColor: #383FE6;
  /* 选中背景 */
  --typeTabSelectBackImage:url('../images/10005/tabImg/butBack1.png');
  /* 选中文字颜色 */
  --typeTabSelectFontColor: #fff;

  /* 日期列表 */
  /* 未选中日期文字颜色 */
  --dayFontColor: #383FE6;
  /* 选中日期文字颜色 */
  --daySelectFontColor: #fff;
  /* 未选中背景图 */
  --dayFontBackImage: url('../images/10005/ranking/butBackNot1.png');
  /* 选中背景图 */
  --dayFontSelectBackImage: url('../images/10005/ranking/butBack1.png');

  /* Top奖励提示 */
  /*  背景色 */
  --topBackColor: #fff;
  /*  文字颜色 */
  --topFontColor: #383FE6;

  /* 榜单列表 */
  /* 榜单礼物背景图 */
  --rankingGiftBackImage:url('../images/10005/ranking/backColor1.png');
  /* 榜单礼物底色背景图 */
  --rankingGiftFooterBackImage:url('../images/10005/ranking/giftBackImg.png');
  /* 榜单礼物名称颜色 */
  --rankingGiftNameColor: #fff;
  /* 榜单礼物价格颜色 */
  --rankingGiftPriceColor: #fff;
  /* 榜单用户/房间详情背景图 */
  --rankingUserInfoBackImage:url('../images/10005/ranking/rankingInfobackColor.png');
  /* 榜单底部当前用户详情背景图 */
  --rankingMyUserInfoBackImage:url('../images/10005/ranking/backColor3.png');
  /* 用户头像底色/边框颜色  */
  --portraitBorderColor: #FFFFFF;
  /* 用户榜单数字排序文字颜色 */
  --userTopNumFontColor: #333;
  /* 用户昵称颜色 */
  --nickNameFontColor: #000000;
  /* 人气票查看详情按钮背景色 */
  --ticketInfoButBack: #fff;
  /* 人气票查看详情按钮文字颜色 */
  --ticketInfoButFontColor: #0A227E;

  /* 非当前查看榜单用户 */ 
  /* 用户获得积分数背景色 */
  --priceNumBackColor: linear-gradient( 90deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
  /* 获得积分数字颜色 */
  --priceNumFontColor: #333333;

  /* 当前查看榜单用户 */
  /* 用户获得积分数背景色 */
  --userPriceNumBackColor: linear-gradient( 90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
  /* 获得积分数字颜色 */
  --userPriceNumFontColor: #FFFFFF;
  /* 距离上一名文字颜色 */
  --diffPointsFontColor: #fff;
  /* 距离上一名数字颜色 */
  --diffPointsFontNumColor: #FFED3C;
  
  /* 贡献榜 */
  /* 用户详情背景图 */
  --contributeUserBackColor:url('../images/10005/ranking/contributeInfoBackColor.png');
  /* 贡献榜页面背景色 */
  --contributeMainBackColor: #007B62;
  /* 返回按钮背景色 */
  --contributeGopageBackColor: #000000;
  /* 返回按钮文字颜色 */
  --contributeGopageFontColor: #fff;
  /* 获得积分数字颜色 */
  --contributePriceNumFontColor: #333333;
  /* 用户昵称颜色 */
  --contributeNickNameColor: #000;
  /* 用户榜单数字排序文字颜色 */
  --contributeUserTopNumFontColor: #333;
  /* 用户获得积分数背景色 */
  --contributepriceNumBackColor: linear-gradient( 90deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);

  /* 领取奖励弹窗 */
  /* 领奖弹窗背景图颜色 */
  --rewardBackImage:url('../images/10005/ranking/rewardBack.png');
  /* 奖励图片底色 */
  --rewardImageBackColor: #000;
  /* 奖励名称文字颜色 */
  --rewardTextColor: #0A227E;

  /* 人气票 */
  /* 人气票页面背景色 */
  --ticketPageBackColor:#0A0A43;
  /* 人气票用户详情背景色 */
  --ticketUserinfoBack:url('../images/10005/ticket/userBack.png') left top / 100% 100% no-repeat;
  /* 小标题文字颜色 */
  --ticketTitleFontColor:#fff;
  /* 小标题背景色 */
  --ticketTitleBackColor: url('../images/10005/ticket/titleBack.png') left top / 100% 100% no-repeat;
  /* 人气票记录背景色 */
  --ticketLogBack: url('../images/10005/ticket/logBack.png') left top / 100% 100% no-repeat;
  /* 人气票记录提示语文字颜色 */
  --ticketLogTipsFontColor: #000;
  /* 消耗记录名称文字颜色 */
  --ticketLogNameFontColor: #000;
  /* 消耗记录数量文字颜色 */
  --ticketLogNumFontColor: #B74621;
  /* 消耗记录时间文字颜色 */
  --ticketLogTimeFontColor: #999;

  /* 盖楼 */
  /* 盖楼礼物背景图 */
  --floorGiftBackImage: url('../images/10005/floor/backcolor1.png');
  /* 盖楼礼物名称颜色 */
  --floorGiftNameColor: #fff;
  /* 盖楼礼物价格颜色 */
  --floorGiftPriceColor: #fff;
  /* 盖楼列表模块距离页面两侧边距 */
  --floorBoxPaddingX:8px;
  /* 楼层数颜色 */
  --floorNumFontColor: #fff;
  /* 楼层背景图片 */
  --floorUserBack:url('../images/10005/floor/backcolor2.png') left top / 100% 100% no-repeat;
  /* 特殊楼层背景图片 */
  --floorUserSpecialBack:url('../images/10005/floor/backcolor3.png') left top / 100% 100% no-repeat;
  /* 楼层用户头像背景色 */
  --floorUserPortraitColor: #EAF6FF;
  /* 楼层用户昵称文字颜色 */
  --floorUserNickNameColor: #fff;
  /* 楼层暂无用户占位图 */
  --floorCoveringImage:url('../images/10005/floor/covering.png') 50% 50% / 30px 30px no-repeat;
  /* 楼层用户头像边框颜色 */
  --floorPortraitBorderColor: #fff;

  /* 留言板 */
  /* 留言板背景色 */
  --messageBackColor: #383FE6;
  /* 留言板背景色 */
  --messageBorderColor: #fff;
  /* 留言板消息内容用户头像边框 */
  --messagePortraitBorder: 1px solid #fff;
  /* 留言板消息内容文字颜色 */
  --messageFontColor:#fff;
  /* 留言板消息内容背景色 1 */
  --messageContFontColor1: linear-gradient(90deg, #4798E9 0%, #2482E9 100%);
  /* 留言板消息内容背景色 2 */
  --messageContFontColor2: linear-gradient(90deg, #3BC97B 0%, #1EA894 100%);
  
  /* 留言板接受用户区域背景 */
  --messageSetUserBoxBack: #fff url('../images/10005/message/backColor.png') right top / 180px 100% no-repeat;
  /* 留言板接受用户昵称颜色 */
  --messageSetUserNickNameFontColor: #4E53E4;
  /* 留言板接受用户区域提示语文字颜色 */
  --messageSetUserTipsFontColor: #4E53E4;
  /* 留言板接受用户区域提示语高亮文字颜色 */
  --messageSetUserTipsHighlightFontColor: #F43201;

  /* 留言板发送消息区域背景色 */
  --messageSetBoxBackColor: #1D23B6;
  /* 留言板输入框背景色 */
  --messageInputBackColor: #383FE6;
  /* 留言板输入框文字颜色 */
  --messageInputFontColor: #fff;
  /* 留言板输入框提示文字颜色 */
  --messageInputTipsFontColor: rgba(255,255,255,0.5);

  /* 留言板快捷留言内容标题颜色 */
  --messageListTitleFontColor: #fff;
  /* 留言板快捷留言内容换一批按文字颜色 */
  --messageRenewFontColor: #fff;
  /* 留言板快捷留言内容文字颜色 */
  --messageListFontColor: #fff;
  /* 留言板快捷留言内容背景颜色 */
  --messageListFontBackColor: rgba(255,255,255,0.1);
  /* 留言板快捷留言内容边框 */
  --messageListFontBorder: 1px solid rgba(255,255,255,0.45);

  /* 留言板用户详情背景色 */
  --messageUserBackColor:#383FE6;
  /* 留言板用户详情边框颜色 */
  --messageUserBorder:1px solid rgba(255,255,255,0.5);
  /* 留言板用户详情头像边框 */
  --messageUserPortraitBorder: 1px solid #fff;
  /* 留言板用户详情用户昵称文字颜色 */
  --messageUserNickNameFontColor: #fff;
  /* 留言板用户详情用户留言时间文字颜色 */
  --messageUserTimeFontColor: #8A8FFF;
  /* 留言板用户详情留言内容文字颜色 */
  --messageUserMessageFontColor: #4E53E4;
  /* 留言板用户详情留言内容背景颜色 */
  --messageUserMessageBackColor: #fff;
  /* 留言板暂无数据文字颜色 */
  --messageListEmptyTipsFontColor: #fff;

  /* 搜索用户列表 */
  /* 搜索用户顶部背景色 */
  --serachUserTopBackColor:#383FE6;
  /* 搜索用户输入框背景色 */
  --serachUserInputBackColor: #2025A7;
  /* 搜索用户输入框边框 */
  --serachUserInputBorder:1px solid #fff;
  /* 搜索用户输入框文字颜色 */
  --serachUserInputFontColor: #fff;
  /* 搜索用户输入框文字提示颜色 */
  --serachUserInputTipsFontColor: rgba(255,255,255,0.5);
  /* 搜索用户输入框取消按钮文字颜色 */
  --serachUserInputButFontColor: #fff;
  /* 搜索用户列表外层边框颜色 */
  --serachUserListBoxBorder: #fff;
  /* 搜索用户列表边框颜色 */
  --serachUserListBorder: #B7B9FF;
  /* 搜索用户列表滚动条颜色 */
  --serachUserListScrollbarColor: #383FE6;
  /* 搜索用户列表颜色 */
  --serachUserListBackColor: #F2F9FF;
  /* 搜索用户列表昵称颜色 */
  --serachUserListNickNameColor: #0A227E;
  /* 搜索用户列表ID颜色 */
  --serachUserListIDColor: rgba(10, 34, 126, .5);
  
  /* 充值返现 */
  /* 累计任务标题文字颜色 */
  --taskTitleFontColor: #fff;
  /* 累计任务标题背景 */
  --taskTitleBackImage:url('../images/10005/cashback/titleBack.png') left top / 100% 100% no-repeat;
  /* 任务时间文字颜色 */
  --dayTaskTimeFontColor: #fff;

  /* 累计任务获得奖励金额颜色 */
  --taskPriceFontColor: #FFD663;
  /* 累计任务已获得积分文字颜色 */
  --taskintegralFontColor:#fff;
  /* 累计任务进度点颜色 */
  --taskLindDotColor:rgba(53, 70, 115, 1);
  /* 累计任务进度条背景颜色 */
  --taskLineBackColor:  rgba(53, 70, 115, 1);
  
  /* 累计任务进度条/点已达到颜色 */
  --tastLineSelectColor: #FFC591;
  /* 每日任务边框颜色 */
  --dayTaskListBorderColor: #fff;
  /* 每日任务背景颜色 */
  --dayTaskListBoxBackColor: #383FE6;
  /* 每日任务可领取标题背景色 */
  --dayGetNumTextTitleBackColor: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.1) 50%, rgba(255,255,255,0) 100%);
  /* 每日任务可领取标题文字颜色 */
  --dayGetNumTextTitleColor: #fff;
  /* 每日任务任务内容背景色 */
  --dayTaskInfoBackColor:rgba(0, 0, 0, .3);
  /* 每日任务任务内容文字颜色 */
  --dayTaskInfoFontColor:#fff;
  /* 每日任务按钮去充值背景色 */
  --dayTaskGoButBackColor:rgba(255,255,255,0.15);
  /* 每日任务按钮去充值文字颜色 */
  --dayTaskGoButFontColor:#fff;
  /* 每日任务按钮去充值边框 */
  --dayTaskGoButBorder:1px solid rgba(255,255,255,0.6);

  /* 每日任务按钮已领取背景色 */
  --dayTaskNoButBackColor:rgba(255, 255, 255, .2);
  /* 每日任务按钮已领取文字颜色 */

  --dayTaskNoButFontColor:rgba(255, 255, 255, .5);
  /* 每日任务可领取按钮背景颜色 */
  --dayTaskClickButBackColor:rgba(255, 255, 255, 1);
  /* 每日任务可领取按钮文字颜色 */
  --dayTaskClickButFontColor:rgba(24, 47, 170, 1);

  /* 活动规则 */
  /* 活动规则背景色 */
  --rulePageBackColor: #007B62;
  /* 折叠收起文字颜色 */
  --ruleButFont: #00A178;
  /* 文字区域背景色 */
  --ruleFontBoxBackColor: #EEEEFF;
  /* 文字区域边框 */
  --ruleFontBoxBorder: 1px solid #fff;
  /* 小标题文字颜色 */
  --ruleTitleFontColor: #00A178;
  /* 小标题背景色 */
  --ruleTitleBackColor: rgba(76, 119, 255, 0.20);
  /* 规则题头文字颜色 */
  --ruleDtFontColor: #00A178;
  /* 规则文字颜色 */
  --ruleDdFontColor: #000;
  /* 表格内文字颜色 */
  --ruleTableFontColor: #000;
  /* 表格边框颜色 */
  --ruleTableBorder: 1px solid #A3A7FF;
}
